<template>
  <div class="details">
    <detail-header />
    <detail-banner :hotData="hotData" />
    <detail-content />
  </div>
</template>

<script>
import DetailHeader from './pages/Header'
import DetailBanner from './pages/Banner'
import DetailContent from './pages/Content'
export default {
  data () {
    return {
      hotData: {}
    }
  },
  components: {
    DetailHeader,
    DetailBanner,
    DetailContent
  },
  mounted () {
    // console.log(JSON.parse(this.$route.query.hotData))
    this.hotData = JSON.parse(this.$route.query.hotData)
  },
  activated () {
    document.documentElement.scrollTop = 0
  }
}
</script>

<style scoped lang="stylus">
.details
  position: relative
  overflow: hidden
</style>
